/* lizj */
.menu {
    margin: 0;
    padding: 0;
}

body {
/*
    margin:heading arriba derecha abajo izquierda; Es decir que empieza con la margen superior y va en sentido de las manecillas del reloj.
    margin: arribayabajo derechaeizquierda; es decir que da el mismo margen arriba y abajo y luego el mismo margen derecho e izquierdo.
*/
    margin: 10px 0; /*lo que hace es dar un margen de 15 px arriba y abajo y un margen cero a los lados.*/
    background: #FFFFFF url(sav-images/img1.jpg) repeat-x;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
}

h1, h2, h3 {
    color: #000000;
}

p, blockquote, ul, ol {
    margin-bottom: 1.8em;
    line-height: 160%;
}

a {
    color: #000000;
}

a:hover {
    text-decoration: none;
}

img {
    border: none;
}

img.left {
    float: left;
    margin: 0 15px 0 0;
}

img.right {
    float: right;
    margin: 0 0 0 15px;
}

.boxed {
}

.heading {
    height: 25px;
    padding: 8px 0 0 8px;
    background: #004BD7;
    text-transform: uppercase;
    font-size: 12px;
    color: #FFFFFF;
}

.content {
    padding: 10px;
}

/* Accordion */
.clase_hiperlink {
    float:left;
    clear:both;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.clase_hiperlink:visited {
    color: #FFF;
    display: block;
    background: url("/resources/imgmenu/menu9.gif");
    /*padding: 0 0 0 35px;*/
}
.clase_hiperlink:hover {
    color: silver;
    background: url("/resources/imgmenu/menu9.gif") 0 -32px;
    /*padding: 0 0 0 35px;*/
}
/* GridPanel Content */
.panelContent {
    top: 24px;
    position: relative;
}

/*.clase_hiperlink:hover  {
    background-color: red;
    color: white;
} */

/* Header */

#header {
    width: 765px;
    height: 250px;
    margin: 0 auto;
    background: url(sav-images/img2.gif) no-repeat right top;
}

#logo {
    float: left;
    width: 260px;
    height: 250px;
    background: url(sav-images/img1.gif) no-repeat;
    text-transform: uppercase;
}

#logo h1 {
    margin-right: 30px;
    padding: 100px 0 0 40px;
    background: url(sav-images/logoSav.jpg) no-repeat 100% 95px;
    font: normal 30px Impact, Arial, Helvetica, sans-serif;
}

#logo h2 {
    padding: 0 0 0 30px;
    letter-spacing: 2px;
    font: bold 9px Tahoma, Arial, Helvetica, sans-serif;
}

#logo a {
    text-decoration: none;
    color: #FFFFFF;
}

#ad468x60 {
    float: right;
    padding: 28px 32px 0 0;
}

/* Reporte */

#reportero {
    float: left;
    width: 260px;
    height: 190px;
    background: url(sav-images/cabecera1.gif) no-repeat;
    text-transform: uppercase;
}

#reportero h1 {
    margin-right: 30px;
    padding: 90px 10px 0 40px;
    background: url(sav-images/logoSav.jpg) no-repeat 100% 95px;
    font: normal 30px Impact, Arial, Helvetica, sans-serif;
}

#reportero h2 {
    padding: 0 0 0 25px;
    letter-spacing: 2px;
    font: bold 10px Tahoma, Arial, Helvetica, sans-serif;
}

#reportero a {
    text-decoration: none;
    color: #FFFFFF;
}


/* Menu */

#menu {
    float: right;
}

#menu ul {
    margin: 0;
    padding: 30px 20px 20px 0;
    list-style: none;
}

#menu li {
    display: inline;
}

#menu a {
    padding: 0 10px 0 10px;
    background: url(sav-images/img4.gif) no-repeat left center;
    text-transform: uppercase;
    text-decoration: none;
    font: bold 8px Tahoma, Arial, Helvetica, sans-serif;
    color: #004BD7;
}

#menu a:hover {
    text-decoration: underline;
}

#menu .first a {
    background: none;
}

/* Page */

#page {
    width: 760px;
    margin: 0 auto;
}

/* Content */

#content {
    float: right;
    height: 503px;
    width: 520px;
}

#content .heading {
    background: #004BD7 url(sav-images/img6.gif) no-repeat;
}

#content ul, #content ol {
    margin-left: 3em;
}

/* Sidebar */

#sidebar {
    float: left;
    width: 220px;
    padding-left: 8px;
}

#sidebar .heading {
    background: #004BD7 url(sav-images/img5.gif) no-repeat;
}

#sidebar li {
    margin-bottom: 1.5em;
}

/* Footer */

#footer {
    clear:both;
    width: 765px;
    height: 59px;
    margin: 0 auto;
    background: #E50606 url(sav-images/img7.gif) no-repeat;
    text-align: center;
    font-size: 77%;
    color: #000000;
}

#legal {
    margin: 0;
    padding: 20px 0 0 0;
    line-height: normal;
    color: #FFFFFF;
}

#legal a {
    color: #FFFFFF;
}

.links {
    padding: 30px 0;
    line-height: normal;
    font-weight: bold;
    text-align: center;
}

/* accordion */

.accordionMenu {
    width: 180px;
    margin: 0px;
    cursor: pointer;
    list-style-position:inside;
    height: 20px;
    line-height: 20px;
    text-align: left;
    border: 1px solid gray;
    background: #999;
    color: #FFF;
    display: block;
    background: url("imgmenu/menu14.gif");
    padding: 10px 0 0 05px;
    voice-family:"\"}\""; voice-family: child;
}
/*
#accordionMenu dt {
    cursor: pointer;
    list-style-position:inside;
    margin: 2px 0;;
    height: 20px;
    line-height: 20px;
    text-align: left;
    font-weight: bold;
    border: 1px solid gray;
    background: #999;
    color: #FFF;
    display: block;
    background: url("imgmenu/menu5.gif");
    padding: 10px 0 0 05px;
}
#accordionMenu dt a:hover {
    color: #FFF;
    background: url("imgmenu/menu5.gif") 0 -32px;
    padding: 10px 0 0 35px;
}
#accordionMenu li a {
    list-style-position:inside;
    height: 32px;
    voice-family:"\"}\""; voice-family: child;
    height: 24px;
    text-decoration: none;
}
#accordionMenu li a:link, #accordionMenu li a:visited {
    color: #FFF;
    display: block;
    background: url("imgmenu/menu9.gif");
    padding: 10px 0 0 35px;
}
#accordionMenu li a:hover {
    color: #FFF;
    background: url("imgmenu/menu9.gif") 0 -32px;
    padding: 10px 0 0 35px;
}

/* validaciones */
.formUserError {
	color : #FF0000;
	font-weight: bolder;
  }

  /* tabla de resultados */
.headerTable{
   padding: 2px; text-align: left; font-family: Arial, Verdana, sans-serif;
   
}
